<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>	
		
	#id1{
		background-color:#0FC;
		height:100px;
		margin-bottom:3px;
		}
			
	#id5{
		background-color:#FF0;
		height:30px;
		margin-bottom:3px;
		}
	#id2{
		background-color:#00F;
		width:200px;
		height:807px;
		float:left;
		margin-right:2px;
		}
	#id3{
		background-color:#F00;
		width:1200px;
		height:150px;
		float:left;
		margin-bottom:5px;

		}
	#id4{
		background-color:#9C3;
		width:1200px;
		height:400px;
		float:left;
		margin-bottom:2px;
		}
	#id6{
		background-color:#0FF;
		width:1200px;
		height:125px;
		float:left;
		margin-bottom:2px;
		}
	#id7{
		background-color:#F0F;
		width:1200px;
		height:125px;
		float:left;
		}
</style>


<body>
<div id="id1">满屋花</div>
<div id="id5">5</div>
<div id="id2">2</div>
<div id="id3">3</div>
<div id="id4">4</div>
<div id="id6">6</div>
<div id="id7">7</div>


</body>
</html>
